<template>
  <div>
    无展示内容
    <button @click="mydestory">关闭组件</button>
  </div>
</template>

<script>
let timer;
export default {
  data() {
    return {};
  },
  mounted() {
    this.myTempData = { a: 1 };
    timer = setInterval(() => {
      console.log("正在运行中...");
    }, 1000);
  },
  methods: {
    mydestory() {
      console.log("程序关闭了");
      console.log("之前的数据是:", this.myTempData);
      clearInterval(timer);
    },
  },
  //   beforeDestroy() { // 项目中这么写
  //     clearInterval(timer);
  //   },
};
</script>

<style>
</style>